.index-shop{margin:0;padding:0;
    .main{margin:0;padding:0;
        .right{position:fixed;right:0;top:0;width:32px;height:100%;background-color:#2b2b2b;padding-left:9px;
            div:nth-of-type(1){margin-top:129px;}
            div:nth-of-type(2){margin-top:24px;}
            div:nth-of-type(3){margin-top:85px;}
            div:nth-of-type(4){margin-top:23px;}
            div:nth-of-type(5){margin-top:20px;margin-left:3px;}
            div:nth-of-type(6){margin-top:21px;}
            div:nth-of-type(7){margin-top:21px;}
            div:nth-of-type(8){margin-top:72px;}
            div:nth-of-type(9){margin-top:22px;}
            div:nth-of-type(10){margin-top:20px;}
        }
        .wrap{width:1200px;margin:0 auto;
            .top{height:12px;margin-top:12px;margin-bottom:10px;
                .top-left{float:left;margin-left:45px;
                }
                .top-right{float:right;margin-right:45px;
                }
            }
            .logo{margin-left:160px;float:left;}
            .search{height:50px;float:right;margin-top:15px;margin-right:170px;
                .text{width:530px;height:50px;border:2px solid #e01222;}
                .btn{width:130px;height:50px;background:#e01222;float:right;text-align:center;line-height:50px;color:#ffffff;font-size:24px;cursor:pointer;}
            }
            .nav{width:1200px;height:45px;margin-top:110px;
                .all{width:180px;height:45px;background:#e01222;float:left;text-align:center;line-height:45px;
                  a{font-size:16px;color:#ffffff;}
                }
                ul{width:700px;
                  li{width:85px;height:16px;margin-top:15px;float:left;border-right:1px solid #d9d9d9;text-align:center;line-height:16px;
                    a{font-size:16px;}
                  }
                  .li5{border:none;}
                }
                .weal{float:left;margin-left:406px;
                  .myWeal{width:154px;height:33px;background: url("../img/index-shop/myWeal2.png") no-repeat;float:right;text-align:center;line-height:33px;
                    a{color:#fcff25;font-size:14px;}
                  }
                }
            }
        }
        .content{border-top:2px solid #e01222;
            .shoppe{width:1200px;margin:10px auto;
                .list{height:12px;margin-left:10px;
                    li{width:45px;height:12px;float:left;}
                    .li3{
                      a{color:#999999;}
                    }
                }
                .trolley{width:1200px;margin-top:15px;
                    .image{width:401px;float:left;
                        .glass{width:401px;
                            .left11{position:relative;float:left;width:401px;height:396px;
                                img{display:block;width:400px;height:395px;}
                                .mirror{display:none;position:absolute;width:80px;height:80px;left:0;top:0;background-color:white;opacity:0.5;filter:alpha(opacity=50);cursor:move;}
                            }
                            .right11{display:none;overflow:hidden;float:left;width:401px;height:396px;margin-top:-1px;margin-right:-401px;position:relative;z-index:10;
                                img{display:block;width:1200px;height:1185px;}
                            }
                        }
                        .smallImg{margin-top:8px;
                            ul{height:60px;
                                li{float:left;width:60px;height:61px;border:1px solid #cdcdcd;margin-right:10px;}
                                .active{border:1px solid #e01222;}
                            }
                        }
                    }
                    .chose{width:672px;float:right;margin-right:80px;
                        .title{font-size:15px;margin-top:10px;margin-bottom:15px;}
                        .price{width:690px;height:100px;background:#f7f7f7;padding:12px 20px 0 8px;color:#888888;margin-bottom:8px;
                            .price-list{
                                .prefer{float:left;
                                    p{color:#888888;}
                                    span{color:#e01222;}
                                }
                                .coupon1{float:right;display:none;
                                    span{color:#e01222;}
                                }
                                .coupon2{float:right;display:-none;
                                    span{color:#e01222;}
                                }
                            }
                            .change-price{height:65px;display:-none;
                                .less{margin-top:16px;
                                    span{color:#e01222;font-size:20px;}
                                }
                                .value{margin-top:16px;
                                    span{text-decoration:line-through;font-size:16px;}
                                }
                            }
                            .discount{margin-top:23px;display:none;
                                span{color:#888888;margin-right:25px;}
                                img{margin-right:14px;cursor:pointer;}
                            }
                        }
                        .delivery{margin-bottom:10px;
                            span{margin-right:15px;}
                        }
                        .number{width:690px;height:40px;border-top:1px dashed #000;border-bottom:1px dashed #000;
                            li{float:left;width:225px;height:18px;border-right:1px solid #e5dfda;text-align:center;line-height:18px;margin-top:10px;
                                span{color:#e01222;}
                            }
                            .num3{border:none;}
                        }
                        .taste{margin-top:18px;
                            li{float:left;width:40px;height:35px;border:2px solid #f5f5f5;text-align:center;line-height:35px;margin-right:10px;cursor:pointer;
                                .check{width:10px;height:10px;background:url("../img/index-shop/check.png") no-repeat;position:absolute;right:0;bottom:0;display:none;}
                            }
                            .active{border:2px solid #e01222;}
                            .taste-li1{border:none;margin-top:2px;}
                        }
                        .pack{margin-top:30px;
                            li{float:left;width:80px;height:35px;border:2px solid #f5f5f5;text-align:center;line-height:35px;margin-right:10px;cursor:pointer;}
                            .active{border:2px solid #e01222;}
                            .pack-li1{border:none;width:35px;height:30px;}
                        }
                        .quantity{margin-top:30px;
                          span{margin-left:6px;margin-right:10px;}
                          .reduce{border:none;width:20px;height:25px;}
                          .increase{border:none;width:20px;height:25px;}
                        }
                        .chose-bottom{margin-top:30px;margin-left:55px;
                            .btn1{width:100px;height:30px;border:1px solid #e01222;background:#ffeded;color:#e01222;}
                            .btn2{width:100px;height:30px;border:1px solid #e01222;background:#e01222;color:#ffffff;}
                        }
                    }
                }
                .combo{margin-top:25px;
                    span{color:#e01222;font-size:15px;}
                    .combo-box{height:160px;border-top:1px solid #000;border-bottom:1px solid #000;margin-top:10px;
                        li{float:left;margin-top:8px;}
                        p{margin-top:5px;margin-bottom:5px;font-size:13px;
                            a:hover{color:#e01222;}
                        }
                        .cost{color:#999999;text-decoration:line-through;margin-left:8px;}
                        .salami{width:170px;text-align:center;}
                        .add{width:20px;height:185px;margin-top:45px;font-size:20px;color:#e6e6e6;}
                        .zek{width:170px;text-align:center;}
                        .to{width:20px;height:185px;margin-top:45px;font-size:20px;color:#e6e6e6;}
                        .buy{width:100px;margin-top:15px;text-align:center;
                            .buy-1{color:#e01222;font-size:15px;margin-bottom:15px;}
                            .btn-buy{width:100px;height:30px;background:#e01222;line-height:30px;margin-top:20px;
                                a{color:#ffffff;}
                            }
                        }
                    }
                }
                .details{margin-top:50px;
                    .looks{float:left;width:265px;border:1px solid #d4d4d4;position:relative;margin-left:-355px;
                        .look-text{position:absolute;left:100px;top:3px;}
                        .look-top{height:22px;background:#f7f7f7;}
                        ul{width:180px;margin:0 auto;}
                        li{width:180px;height:275px;text-align:center;margin-top:12px;border-bottom:1px solid #000;
                            p{font-size:13px;
                                a:hover{color:#e01222;}
                            }
                            span{color:#e01222;}
                        }
                        .img5{border:none;}
                    }
                    .details-right{width:820px;margin-left:380px;
                        .right-top{height:36px;background:#f5f5f5;
                            li{float:left;width:215px;height:36px;text-align:center;line-height:36px;font-size:16px;cursor:pointer;}
                            .active{border-top:2px solid #e01222;}
                        }
                        .details-content1{margin-top:75px;color:#666666;display:-none;
                            .con{width:820px;height:100px;
                                .con-box1{float:left;width:270px;margin-left:30px;}
                                .con-box2{float:left;width:270px;}
                                li{margin-bottom:15px;}
                            }
                            .shangpin{margin-top:100px;width:65px;height:30px;border-bottom:1px solid #e01222;margin-bottom:13px;}
                            .shangpin-img{margin-bottom:260px;}
                        }
                        .details-content2{display:none;
                            .reputa-1{margin-top:60px;margin-left:95px;height:3px;
                                li{float:left;width:122px;height:3px;background:#e01222;margin-right:10px;}
                            }
                            .reputa-2{margin-top:13px;height:21px;
                                li{float:left;width:120px;height:21px;color:#ffffff;background:#e01222;text-align:center;line-height:21px;margin-right:7px;}
                                .li1{color:#000;background:#ffffff;width:88px;height:21px;}
                            }
                            .all-reputa{margin-left:20px;width:785px;margin-bottom:755px;
                                .all-reputa-ul{margin-top:30px;width:785px;height:22px;border:1px solid #f5f5f5;background:#fafafa;
                                    li{float:left;width:80px;height:22px;text-align:center;line-height:22px;}
                                }
                                .all-reputa-content{margin-top:20px;
                                    .a-r-content1{height:130px;margin-bottom:22px;
                                        .content-txt{float:right;width:715px;height:130px;border:1px solid #dedede;
                                            .txt-top{height:40px;background:#f8f8f8;line-height:40px;padding-left:20px;color:#999999;border-bottom:1px solid #dedede;position:relative;
                                                .triangle1{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:12px solid #dedede;position:absolute;left:-12px;top:50%;margin-top:-8px;}
                                                .triangle2{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:12px solid #f8f8f8;position:absolute;left:-11px;top:50%;margin-top:-8px;}
                                            }
                                            .txt-bottom{padding-left:20px;margin-top:30px;
                                                p{margin-top:10px;}
                                            }
                                        }
                                    }
                                }
                            }
                            .page-btn{margin-left:420px;margin-bottom:18px;height:30px;
                                li{float:left;width:35px;height:30px;border:1px solid #dddddd;text-align:center;line-height:30px;margin-right:10px;}
                                .page-btn1{background:#e01222;}
                                .page-btn2{background:#eeeeee;}
                            }
                            .equity{width:785px;height:15px;border:1px solid #e01222;margin-bottom:12px;background:#ffffee;text-align:center;line-height:15px;font-size:10px;letter-spacing: 1px;}
                        }
                        .details-content3{width:785px;margin-top:43px;margin-left:40px;margin-bottom:620px;display:none;
                            li{float:left;width:175px;height:245px;margin-right:15px;
                                a:hover{color:#e01222;}
                            }
                            .page-btn{margin-left:420px;
                                li{float:left;width:35px;height:30px;border:1px solid #dddddd;text-align:center;line-height:30px;}
                                .page-btn1{background:#e01222;}
                                .page-btn2{background:#eeeeee;}
                            }
                        }
                    }
                }
                .bottom{width:850px;margin-left:350px;height:35px;border-top:1px solid #e01222;border-bottom:1px solid #dddddd;
                    ul{height:15px;margin:0 auto;margin-left:280px;}
                    li{float:left;width:73px;height:15px;text-align:center;line-height:15px;margin-top:10px;border-right:1px solid #dddddd;}
                    .li4{border:none;}
                }
            }
        }
        .footer{width:220px;margin:0 auto;
            li{float:left;width:50px;height:15px;margin-left:5px;}
        }
    }
}